<page-header />
<st #st [data]="data" [columns]="columns" [page]="page" (change)="rowChange($event)" multiSort>
  <ng-template st-row="type" let-item>
    <i nz-icon [nzType]="getFileType(item.type)" nzTheme="twotone"></i>
  </ng-template>
  <ng-template st-row="size" let-item>
    <span>{{ getFileSize(item.size) }}</span>
  </ng-template>
</st>
<nz-drawer
  [nzClosable]="false"
  [nzVisible]="visibleDraw"
  nzPlacement="right"
  [nzTitle]="currentPreview.name || '预览'"
  [nzWidth]="720"
  (nzOnClose)="closeDraw()"
>
  <ng-container *nzDrawerContent>
    @if (currentPreview.type == 'video' || currentPreview.type == 'sound') {
      <app-vjs-player [record]="currentPreview" />
    } @else {
      <article nz-typography>
        <h1 nz-typography>抱歉</h1>
        <p nz-typography>暂不支持预览 </p>
      </article>
    }
  </ng-container>
</nz-drawer>
